//- 引入基础布局，并重构
extends ./base

//- 头部
block head
    block head-main

block style
    block style-main

block content
    nav.navbar.navbar-expand-lg.navbar-dark.bg-dark(style="margin-bottom:.3rem;")
        .container
            .navbar-header
                a.navbar-brand(href='#') CoralGulp
            ul.navbar-nav.mr-auto
                //- 子页面传递全局变量 mainNavActive，用于激活
                -
                    var navList = [{id:'index',title:"首页",link:"/index.html"}];
                each item in navList
                    li.nav-item
                        a.nav-link(class=item.id === mainNavActive?'active':'', href=item.link || '#')=item.title
            span.navbar-text web前端开发构建框架 v1.0.1
    block content-main

block foot
    footer.container
        p.text-center ©2017 朱言俊 版权所有
        p
            br
    block foot-main

block script
    block script-main